<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/backcommon.css" rel="stylesheet" type="text/css" />
<link href="css/back-order.css" rel="stylesheet" type="text/css" />
</head>
<body style="background:#f2f2f2;">
	<div class="paypage">
    	<div class="praminfo">
        	<span><label>项目名称：</label><a href="#">某学校楼宇智能系统</a></span> 
            <span><label>商品种类：</label> 1000</span>
            <span><label>订单号：</label> 261416912622</span>
            <span><label>应付总额：</label> <b>￥36048.00</b></span>
        </div>
        <h5>买家付款账户信息</h5>
        <div class="editcard">
        	<p>您尚未完善付款账户信息，暂时无法发起支付</p>
            <div class="tec"><a href="#" class="abtn">去设置</a></div>
        </div>
        <h5>卖家收款账户信息</h5>
        <div class="editcard">
        	<p>卖家尚未完善收款账户信息，您暂时无法发起支付</p>
            <div class="tec"><a href="#" class="abtn">提醒卖家设置</a></div>
        </div>
        <h5>支付方式</h5>
        <div class="cardbox">
        	<ul class="fix">
            	<li><label><input type="radio" name="card" checked="checked" /> <span><img src="images/card1.png" alt="" /></span></label></li>
                <li><label><input type="radio" name="card" /> <span><img src="images/card2.png" alt="" /></span></label></li>
                <li><label><input type="radio" name="card" /> <span><img src="images/card3.png" alt="" /></span></label></li>
            </ul>
            <div class="cardcont">
            	<div class="icardcont">
            	<div class="pinput"><span class="orange">*</span> 本次支付金额： <input type="text" placeholder="请输入本次支付金额" /> 元</div>
          	    <div class="coin">
            	<div class="fr">本次应付：<b>￥650.00</b></div>
            	<input type="checkbox" id="coinck" checked="checked" /> 使用安装币
            	<div class="hideinput">
                	<input type="text" class="hinput" /> <span class="orange">-￥0.6</span> （可用 <span class="orange">1285</span> 个安装币）
                </div>
            </div>
          	    <div class="btn-right"><a href="#" class="abtn">去支付</a></div>
                </div>
                <div class="icardcont" style="display:none">
                   <div class="payoffline">
                   	  <p>如您已通过线下完成付款，请上传支付凭证和合同扫描件，以便卖家及时确认款项到账情况。</p>
                      <dl>
                      	<dd>
                        	<label><span class="orange">*</span> 本次支付金额：</label>
                            <div class="ddinput">
                            	<input type="text" class="ainput" /> 元
                            </div>
                            <span class="error"><i></i>请输入付款金额</span>
                        </dd>
                        <dd>
                        	<label>&nbsp;</label>
                            <div class="ddinput">
                            	<a href="#" class="upload">上传支付凭证</a>
                            </div>
                            <span class="error"><i></i>请输入付款金额</span>
                        </dd>
                        <dd>
                        	<label>上传交易合同</label>
                            <div class="ddinput">
                            	<p class="gray">上传交易合同扫描件，将获得积分奖励。</p>
                                <a href="#" class="shangchuan"></a>
                            </div>
                        </dd>
                        <dd>
                        	<label>&nbsp;</label>
                            <div class="ddinput">
                            	<a href="#" class="abtn">立即提交</a>
                            </div>
                        </dd>
                      </dl>
                   </div>
                </div>
            </div>
        </div>
        <div class="paytip">
        	<h6>温馨提醒</h6>
            <p>1、安装通和快钱合作,提供给您的是:企业网银在线支付方式,请确保您能使用IE浏览器进行支付;</p>
            <p>2、如果您使用工商银行网银支付，请确保本机已安装了工行的U盾或者证书;</p>
            <p>3、按快钱规定,商户每笔支付需收取10元手续费,目前由安装通平台承担;</p>
            <p>4、本平台支付由民兴信用担保提供资金保障，请放心支付;</p>
            <p>5、<span></span>我已阅读并同意<a href="#">《安装通采供服务平台在线支付服务协议》。</a></p>
        </div>
    </div>
    
    <!-- 提醒 -->
    <div class="tanbox tanTip">
        <div class="tanbg"></div>
        <div class="box" style="width:400px;">
            <span class="closed"></span>
            <div class="cont">
                <div class="des">
                    <h4>提醒</h4>
                    <p>请在新打开的页面上完成设置，设置完成前不要关闭此窗口。</p>
                    <p class="orange">张三   025-6464656</p>
                </div>
                 <div class="btn"><a href="#" class="abtn">已完成财务设置</a> <a href="#" class="abtn">取消</a></div>
            </div>
        </div>
     </div> 
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript">
	$('.tanbox .closed').click(function(){
		$(this).parents('.tanbox').hide();	
	})
	
	$('.cardbox li').click(function(){
		$(this).siblings().removeClass().end().addClass('on');	
		if($(this).index()==2){
			$('.cardbox .icardcont').hide().eq(1).show();	
		}else{
			$('.cardbox .icardcont').hide().eq(0).show();
		}
	})
	
	$('#coinck').click(function(){
		if(this.checked){
			$('.coin .fr').show();	
			$('.coin .hideinput').show();
		}else{
			$('.coin .fr').hide();	
			$('.coin .hideinput').hide();
		}	
	})
</script>
</body>
</html>
